<div class="all-shop">
  <div class="head">
    <span>{{tagData.title}}</span>
    <div class="head-btn" appDebounceClick (debounceClick)="showCityModel(tagData.data.changeModel.link.target)"><span>{{city?.name}}</span><i class="triangle-icon"></i></div>
  </div>
  <ng-container *ngIf="listData.length > 0">
    <div class="shop-list" *ngFor="let item of listData">
      <div class="bar-style"></div>
      <div class="shop">
        <p class="title">{{ item.firstRowLeft.text }}</p>
        <p class="address">
          {{ item.secondRowLeft.text }}
        </p>
      </div>
    </div>
  </ng-container>
  <div *ngIf="listData.length <= 0">
    <h2>暂无数据</h2>
  </div>
  <ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)">
    <ion-infinite-scroll-content
      loadingSpinner="bubbles"
      loadingText="正在加载更多数据..."
    >
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</div>
